<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>松果网</title>    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    
    <!-- Your styles -->
    <link href="css/style.css" rel="stylesheet" media="screen">

     <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="img/icons/favicon.ico">
    <link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png">    

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- styles for IE -->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie/ie.css" type="text/css" media="screen" />
    <![endif]-->
   
  </head>
  <body> 
    <div class="container wraper">
        <!-- Header-->
        <header class="index_static">            
            <!-- nav_logo-->
            <div class="nav_logo animated fadeInDown delay1">            
                <div class="container">
                    <div class="row-fluid">

                        <!-- Logo-->
                        <div class="span3 logo">
                            <a href="index.html" title="Back to Home">                            
                                <img src="img/logo.png" alt="Logo">
                            </a>
                        </div>
                        <!-- End Logo-->
                                                      
                        <!-- Nav-->
                        <nav class="span9">
                            <!-- Menu-->
                            <ul id="menu" class="sf-menu">
                                <li>
                                    <a href="index.html">HOME</a>
                                    <ul>                                  
                                        <li><a href="index.html">Camera Slider</a></li>
                                        <li><a href="index_static.html">Static Header</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">ABOUT</a></li>
                                <li><a href="services.html">SERVICES</a></li>
                                <li>
                                    <a href="work.html">WORK</a>
                                    <ul>                                  
                                        <li><a href="work3.html">3 Columns</a></li>
                                        <li><a href="work.html">4 Columns</a></li>
                                        <li><a href="single_work.html">Single Work</a></li>
                                    </ul>
                                </li>
                                 <li>
                                    <a href="blog.html">BLOG</a>
                                    <ul>                                  
                                        <li><a href="blog.html">Post</a></li>
                                        <li><a href="single_post.html">Single Post</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="tables_princing.html">FEATURES</a>
                                    <ul>                                  
                                        <li><a href="tables_princing.html">Princing Tables</a></li>
                                        <li><a href="grid.html">Grind System</a></li>
                                        <li><a href="typograpy.html">Tipograpy</a></li>
                                        <li><a href="icons.html">Icons</a></li>
                                        <li><a href="elements.html">Elements</a></li>
                                    </ul>
                                </li>                                                        
                                <li><a href="contact.html">CONTACT</a></li>
                            </ul>
                            <!-- End Menu-->
                        </nav>
                        <!-- End Nav-->
                                                 
                    </div>
                </div>
            </div>
            <!-- End nav_logo-->

            <!-- Info Slide Static-->
            <div class="container">
                <div class="row-fluid">                                
                    <div class="span8">
                        <h1 class="animated fadeInDown delay1">Design and <br>Development for<br> <span>Web</span>.</h1>
                        <p class="animated fadeInUp delay1">Pellentes quedelay itant morbi tristique senectus et netus et malesuada</p>
                        <a href="#" class="button animated fadeInUp delay1">
                            <span><i class="icon-link"></i></span>Details
                        </a>
                        <a href="#" class="button animated fadeInUp delay1">
                            <span><i class="icon-mobile-phone"></i></span>Buy App
                        </a>
                    </div>
                    <div class="span4 animated bounceInDown delay2">
                        <img src="img/slide/2.png" alt="Image">
                    </div>
                </div>  
            </div> 
            <!-- End Info Slide Static-->           
             
        </header>
        <!-- End Header-->


      
        <!-- End content info -->
        <section class="content_info">
            
            <!-- Info title-->
            <div class="row-fluid info_title top_animationa">
                <div class="vertical_line">
                    <div class="circle_top"></div>
                </div>
                <div class="info_vertical">
                    <p class="lead">The fastest way to grow your business with the leader in Technology.</p>
                    <h1>Jekas is <span>incredibly beautiful</span> and fully responsive.</h1>
                </div>
                <div class="vertical_line"></div>

                <i class="icon-cogs right"></i>
            </div>
            <!-- End Info title-->
            

            <!-- Info Resalt-->
            <div class="info_resalt borders">
                <div class="container">
                    <div class="row-fluid">
                        <!-- flexslider-->
                         <div class="flexslider top_animationb" id="gallery">                            
                            <ul class="slides gallery">
                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/1.jpg" alt="Image"/>                               
                                        <a href="img/gallery/1.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        Studio - Landing Page
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>   
                                            
                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/2.jpg" alt="Image"/>                               
                                        <a href="img/gallery/2.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        Vinilo - HTML Template
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>
                                
                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/3.jpg" alt="Image"/>                               
                                        <a href="img/gallery/3.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        Mega Host - Responsive template
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>  
                                  
                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/4.jpg" alt="Image"/>                               
                                        <a href="img/gallery/4.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        My Cv - Responsive Resume / CV
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>
                                      
                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/5.jpg" alt="Image"/>                               
                                        <a href="img/gallery/5.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        Political - Landing Page
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>

                                <li>
                                    <div class="hover">
                                        <img src="img/gallery/6.jpg" alt="Image"/>                               
                                        <a href="img/gallery/6.jpg" class="fancybox" title="Image"><div class="overlay"></div></a>
                                    </div>                                   
                                    <div class="info">
                                        Classic Restaurant - Css3/Html5
                                        <i class="icon-tablet"></i>
                                        <i class="icon-desktop"></i> 
                                    </div>                                   
                                </li>
                                           
                            </ul>                            
                        </div>
                        <!--End flexsilider-->                      
                    </div>
                </div>
            </div>
            <!-- End Info Resalt-->

            <!-- Info title-->
            <div class="row-fluid info_title top_animationc">
                <div class="vertical_line">
                    <div class="circle_bottom"></div>
                </div>
                <div class="info_vertical">
                    <h2>A fact <span>worth</span> a thousand words</h2>
                    <p>“We bring a personal and effective approach to every project we work on, which is why our clients love us and why they keep coming back.”</p>
                </div>
                <div class="vertical_line"></div>

                <i class="icon-coffee left"></i>
            </div>
            <!-- End Info title-->

            <!-- Info resalt-->
            <div class="info_resalt borders">
                <div class="container">
                    <div class="row-fluid"> 

                        <div class="span8 top_animationd">
                             <div class="row-fluid results center">
                                 <div class="span3">
                                    <i class="icon-time"></i>
                                    <i class="icon-time"></i>
                                    <i class="icon-time"></i>
                                    <h2>1,000,123 <span>+</span></h2>
                                    <h5>HOURS WORKED SINCE 2003</h5>                                
                                 </div>
                                 <div class="span3">
                                    <i class="icon-edit"></i>
                                    <h2>6,233,954 <span>+</span></h2>
                                    <h5>LINES OF <br>CODEC</h5>
                                 </div>
                                 <div class="span2">
                                     <i class="icon-group"></i>
                                    <h2>780 <span>+</span></h2>
                                    <h5>CLIENTS SERVED</h5>
                                 </div>
                                 <div class="span2">                                    
                                    <i class="icon-coffee"></i>
                                    <h2>520 <span>=</span></h2>
                                    <h5>PROJECTS COMPLETED</h5>
                                 </div>
                                 <div class="span2">
                                    <i class="icon-briefcase"></i>
                                    <h2>18</h2>
                                    <h5>YEARS OF EXPERIENCE</h5>
                                 </div>
                                 <span class="arrow_results"></span>
                                 <span class="arrow_resultsb"></span>
                            </div>                        
                            
                            <div class="row-fluid">                                
                                <div class="sponsors" id="sponsors">     
                                    <ul class="slides">
                                        <li>
                                            <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/1.png" alt="Image"></a>
                                        </li>
                                         <li>
                                            <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/2.png" alt="Image"></a>
                                        </li>
                                         <li>
                                            <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/3.png" alt="Image"></a>
                                        </li>
                                         <li>
                                            <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/4.png" alt="Image"></a>
                                        </li>
                                         <li>
                                            <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/5.png" alt="Image"></a>
                                        </li>
                                         <li>
                                            <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/1.png" alt="Image"></a>
                                        </li>
                                         <li>
                                            <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/2.png" alt="Image"></a>
                                        </li>
                                         <li>
                                            <a href="#"  class="tooltip_hover" title="Name Sponsor"><img src="img/sponsors/5.png" alt="Image"></a>
                                        </li>                                       
                                    </ul> 
                                </div>  
                            </div>
                        </div>

                        <!-- Image animation-->
                        <div class="span4 image_resalt">
                            <div class="animation">
                                <img src="img/services/1.png" alt="Image">
                            </div>
                        </div>
                        <!-- End Image animation-->

                    </div>
                </div>
            </div>
            <!-- End Info resalt-->

            <!-- Info title-->
            <div class="row-fluid info_title top_animatione">
                <div class="vertical_line">
                    <div class="circle_bottom"></div>
                </div>
                <div class="info_vertical">
                    <h2>Our Process</h2>
                    <p>“Sollemnes wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip consequat.”</p>
                </div>
                <div class="vertical_line"></div>

                <i class="icon-tablet right"></i>
            </div>
            <!-- End Info title-->


             <!-- Services-->
            <section class="info_resalt border_top">
                <div class="container">
                    <div class="row text-center service-process">

                        <!-- Step 1 -->                        
                          <div class="span3 rotation_animation">
                              <div class="thumbnail">
                                <div class="caption-head">
                                  <em class="caption-icon icon-lightbulb icon-big"></em>                            
                                  <h2 class="caption-title">Imagine</h2>
                                </div>
                              </div>
                          </div>                        

                        <!-- Step 2 -->                        
                          <div class="span3 rotation_animation">
                              <div class="thumbnail">
                                <div class="caption-head">
                                    <em class="caption-icon icon-edit icon-big"></em>
                                    <h2 class="caption-title">Strategy</h2>
                                </div>
                              </div>
                          </div>                        

                        <!-- Step 3 -->
                        <div class="span3 rotation_animation">
                            <div class="thumbnail">
                              <div class="caption-head">
                                <em class="caption-icon icon-cog icon-big"></em>
                                  <h2 class="caption-title">Build</h2>
                              </div>
                            </div>
                        </div>

                        <!-- Step 4 -->
                        <div class="span3 rotation_animation">
                            <div class="thumbnail">
                              <div class="caption-head">
                                <em class="caption-icon icon-plane icon-big"></em>
                                  <h2 class="caption-title">Launch</h2>
                              </div>                           
                            </div>
                        </div>
                    </div>
                    
                </div> 
            </section>  
            <!-- End Services--> 

             <!-- Info title-->
            <div class="row-fluid info_title top_animationf">
                <div class="vertical_line">
                    <div class="circle_bottom"></div>
                </div>
                <div class="info_vertical">
                    <h2>Comments</h2>
                    <p>“Sollemnes wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip consequat.”</p>
                </div>
                <div class="vertical_line"></div>

                <i class="icon-comment left"></i>
            </div>
            <!-- End Info title-->


            <!-- testimonials-->
            <section class="info_resalt border_top">
                <div class="comments_carousel top_animationg" id="comments_carousel">                
                    <ul class="slides">
                        <li>
                            <div class="image">
                                <img src="img/commnets/1.jpg" alt="Image">                        
                            </div>
                            <div class="arrow_coment"></div>
                            <div class="name">
                                <h3>Jeny Martinez</h3>
                            </div>                    
                            <div class="job">
                                <h3>Social Media</h3>
                            </div>
                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </li>
                        <li>
                            <div class="image">
                                <img src="img/commnets/2.jpg" alt="Image">                        
                            </div>
                            <div class="arrow_coment"></div>
                            <div class="name">
                                <h3>Mager retry</h3>
                             </div>                    
                            <div class="job">
                                <h3>Development</h3>
                            </div>
                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </li>
                        <li>
                            <div class="image">
                                <img src="img/commnets/3.jpg" alt="Image">                        
                            </div>
                            <div class="arrow_coment"></div>
                            <div class="name">
                                <h3>Jertye Falcao</h3>
                            </div>                    
                            <div class="job">
                                <h3>Web designer</h3>
                            </div>
                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </li>
                    </ul>    
                </div>  
            </section>  
            <!-- End testimonials--> 

        </section>
        <!-- End content info-->
        

        <!-- footer-->
        <footer>
            <div class="container">
                <div class="row-fluid">
                    
                    <!-- Follow Us-->
                    <div class="span2">
                        <h3>FOLLOW US</h3>
                        <ul class="social">
                            <li class="facebook"><span><i class="icon-facebook"></i></span><a href="#">Facebook</a></li>
                            <li class="twitter"><span><i class="icon-twitter"></i></span><a href="#">Twitter</a></li>
                            <li class="github"><span><i class="icon-github"></i></span><a href="#">Github</a></li>
                            <li class="linkedin"><span><i class="icon-linkedin"></i></span><a href="#">Linkedin</a></li>
                        </ul>
                    </div>
                    <!-- End Follow Us-->
                    
                    <!-- Recent links-->
                    <div class="span2">
                        <h3>RECENT LINKS</h3>
                        <ul>
                            <li><a href="#">Work</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- End Recent links-->

                    <!-- End Company-->
                    <div class="span2">
                        <h3>COMPANY</h3>
                        <ul>
                            <li><a href="#">Work</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- Company-->

                    <!-- Newsletter-->
                    <div class="span3">
                         <h3>NEWSLETTER SIGN UP</h3>  
                         <form>                    
                              <div class="input-prepend">
                                    <span class="add-on"><i class="icon-align-left"></i></span>                      
                                    <input type="text" required="" placeholder="Your Name">
                              </div>

                              <div class="input-prepend">
                                    <span class="add-on"><i class="icon-envelope"></i></span>                      
                                    <input type="email" required="" placeholder="Your Email">
                              </div>                    
                              
                              <input type="submit" value="Send" class="button">
                          </form>                      
                    </div>
                    <!-- end Newsletter-->

                    <!-- Contact Us-->
                    <div class="span3">
                       <h3>CONTACT US</h3>
                       <ul class="contact_footer">
                            <li>
                                <i class="icon-envelope"></i> <a href="#">example@example.com</a>
                            </li>
                            <li>
                                <i class="icon-headphones"></i> <a href="#">55-5698-4589</a>
                             </li>
                            <li class="location">
                                <i class="icon-home"></i> <a href="#"> Av new stret - New York</a>
                            </li>                                   
                        </ul>
                    </div>
                    <!-- Contact Us-->

                </div>
            </div>
        </footer>      
        <!-- End footer-->

        <!-- footer-->
        <footer class="coopring">
            <p>&copy; 2013 Jekas. All Rights Reserved.</p>
        </footer>      
        <!-- End footer-->
    </div>
   
        <!-- ======================= JQuery libs =========================== -->
        <!-- Always latest version of jQuery-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>   
        <!-- jQuery local-->      
        <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
        <!-- jQuery ui-->    
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
        <!--Nav-->
        <script type="text/javascript" src="js/nav/tinynav.js"></script> 
        <script type="text/javascript" src="js/nav/superfish.js"></script>                                             
        <!--Totop-->
        <script type="text/javascript" src="js/totop/jquery.ui.totop.js" ></script>  
        <!--Slide-->
        <script type="text/javascript" src="js/slide/camera.js" ></script>      
        <script type='text/javascript' src='js/slide/jquery.easing.1.3.min.js'></script>   
        <!--flexsilider-->
        <script type="text/javascript" src="js/carousel/jquery.flexslider.js"></script>    
        <!--Ligbox--> 
        <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.1.js"></script>  
        <!--Scrollama--> 
        <script type="text/javascript" src="js/scrollama/TweenMax.min.js"></script>
        <script type="text/javascript" src="js/scrollama/jquery.superscrollorama.js"></script>    
        <!--Gallery Grid--> 
        <script type="text/javascript" src="js/gallery/modernizr.custom.26633.js"></script>
        <script type="text/javascript" src="js/gallery/jquery.gridrotator.js"></script>     
        <!--Minislider Team-->         
        <script type="text/javascript" src="js/team/modernizr.custom.63321.js"></script>
        <script type="text/javascript" src="js/team/jquery.catslider.js"></script> 
        <!--Filters-->
        <script type="text/javascript" src="js/filters/filters.js" ></script>                            
        <!-- Bootstrap.js-->
        <script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
        <!--fUNCTIONS-->
        <script type="text/javascript" src="js/jquery-func.js"></script>
        <!-- ======================= End JQuery libs =========================== -->

  </body>
</html>